{% extends "index.html" %}
{% load staticfiles %}
{% block right %}
{% block content %}
<style>
        #main{width: 80%;margin: auto;margin-top: 5%}
        .meeting_index{margin: auto;text-align: center;margin-top: 2%;}
        button{font-size: 3rem;padding: 10px 40px;border-radius: 10px;font-weight: bold;position: relative}
        .xin{width:22px;height: 22px;font-size: 1.5rem;position: absolute;top:6%;right: 6%;background-color: red;border-radius: 50%;color: white }
    </style>
    <div id="main">
    <p class="meeting_index a"><a href="/meeting/meeting/apply/"><button>房间申请</button></a></p>
    {% if apply_num > 0 %}
    <p class="meeting_index a"><a href="/meeting/meeting/apply/ing/"><button>申请记录<span class="xin">{{ apply_num }}</span></button></a></p>
    {% else %}
        <p class="meeting_index a"><a href="/meeting/meeting/apply/ing/"><button>申请记录</button></a></p>
    {% endif %}
    <p class="meeting_index a"><a href="/meeting/meeting/apply/logs/"><button>使用记录</button></a></p>
    {% if user_type < 3 %}
    <p class="meeting_index a" style="color: gray"><button disabled>我的审批(无权限)</button></p>
    {% else %}
        {% if shenpi_num > 0 %}
            <p class="meeting_index a"><a href="/meeting/meeting/apply/shenpi/"><button>我的审批 <span  class="xin">{{ shenpi_num }}</span></button></a></p>
        {% else %}
            <p class="meeting_index a"><a href="/meeting/meeting/apply/shenpi/"><button>我的审批</button></a></p>
        {% endif %}
    {% endif %}
    </div>



{% endblock %}

<script src="{% static 'js/jquery.js' %}"></script>
<script>
    $('.left_c').removeClass('active');
    $('#meeting').addClass('active');
</script>
{% endblock %}